$auc-item-border-width: 1px;
$auc-item-border-padding-v: 10px;
$auc-item-border-padding-h: 10px;
$auc-item-border-style: #eee;
$auc-item-hover-bg-color: #eee;

auc-list-menu {
    display: block;
}

auc-list-menu  {
    border: $auc-item-border-width solid $auc-item-border-style;
    display: none;
    padding-top: $auc-item-border-padding-v;
    padding-bottom: $auc-item-border-padding-v;
    &.open {
        display: block;
    }
    > auc-item {
        padding: $auc-item-border-padding-v $auc-item-border-padding-h;
        position: relative;
        > auc-list-menu {
            position: absolute;
            left: 100%;
            top: -$auc-item-border-padding-v - $auc-item-border-width;
        }
        &:hover {
            background-color: $auc-item-hover-bg-color;
        }
    }
    > auc-gutter {
        padding-top: $auc-item-border-padding-v;
        padding-bottom: $auc-item-border-padding-v;
    } 
}